import React from 'react';
import component from './context'
import {Button} from "antd";
// class Child1 extends React.Component{
//     static contextType = component
//     render() {
//         const {x,y,change} = this.context
//         return  <div>
//             <div>{x}</div>
//             <div>{y}</div>
//             <Button onClick={change}>点击</Button>
//         </div>
//     }
// }


// class Child1 extends React.Component{
//     render() {
//         return <component.Consumer >
//             {context => {
//                 const {x,y,change} = context
//                return <div>
//                     <div>{x}</div>
//                     <div>{y}</div>
//                     <Button onClick={change}>点击</Button>
//                 </div>
//                 }
//             }
//         </component.Consumer>
//     }
// }


class Child1 extends React.Component{
    render() {
        const {x,y,change} = this.props

                return <div>
                    <div>{x}</div>
                    <div>{y}</div>
                    <Button onClick={change}>点击</Button>
                </div>

    }
}
export default Child1
